const autoprefixer = require('autoprefixer')
const pxtoviewport = require('postcss-px-to-viewport');
export default {
  server: {
    port: 1234, // default: 3000
    host: '0.0.0.0' // default: localhost,
  },
  // Global page headers: https://go.nuxtjs.dev/config-head
  head: {
    title: '惠合科技_店商营销服务平台_专注传统渠道数字营销',
    htmlAttrs: {
      lang: 'en'
    },
    meta: [
      { charset: 'utf-8' },
      { name: 'viewport', content: 'width=device-width, initial-scale=1' },
      { hid: 'description', name: 'description', content: '惠合科技深耕快消品行业，构建了品牌商、业务代表、门店、消费者的“四端在线”平台，提供开箱扫码 | 生动化陈列 | 到店核销 | 开盖有礼 | 壹元乐享等BC一体化数字营销方案。' },
      { hid: 'keywords', name: 'keywords', content: 'AI图像识别,一物一码,生动化陈列,扫码活动,数字营销,惠合科技'},
      { name: 'format-detection', content: 'telephone=no' }
    ],
    link: [
      { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }
    ],
    script:[  
      {src:'js/isMobile.js'},
    ]
  },

  // Global CSS: https://go.nuxtjs.dev/config-css
  css: [
    { src: "@/assets/global.less" },
    { src: "swiper/dist/css/swiper.css" }
  ],

  // Plugins to run before rendering page: https://go.nuxtjs.dev/config-plugins
  plugins: [
      { src: "~/plugins/vue-swiper.js", ssr: false }
  ],

  // Auto import components: https://go.nuxtjs.dev/config-components
  components: true,

  // Modules for dev and build (recommended): https://go.nuxtjs.dev/config-modules
  buildModules: [
  ],

  // Modules: https://go.nuxtjs.dev/config-modules
  modules: [
    // '@nuxtjs/axios',
    '@nuxtjs/style-resources'
  ],
  styleResources:{
    less:[
      './assets/global.less'
    ]
  },

  // Build Configuration: https://go.nuxtjs.dev/config-build
  build: {
    postcss: {
      plugins: [autoprefixer(), pxtoviewport({
          viewportWidth: 1920, //视窗的宽度，对应我们设计稿的宽度，一般指retina（一个点两个像素），宽度750
          // viewportHeight: 667, //视窗的高度，对应我们设计稿的高度，可以不配置
          unitPrecision: 5, //指定`px`转化成视窗单位值的小数位数（很多时候不能整除）
          viewportUnit: 'vw', //指定需要转换的视窗单位 建议'vw',
          propList: ["*","!min-width", "!max-width","!min-height", "!max-height"],
          selectorBlackList: ['ignore_'], //指定不需要转换的类
          // exclude: [/TabBar/], //指定不要转换的文件，数组内应该是正则表达式
          minPixelVaule: 1, //小于或者等于1px不转换为视窗单位
          mediaQuery: false , //允许在媒体查询中转换'px'
          landscape: false,  // 是否添加根据landscapeWidth生成的媒体查询条件 @media (orientation: landscape)
          landscapeUnit: "vw", // 横屏时使用的视窗单位
          landscapeWidth: 1134 // 横屏时使用的视窗宽度
        })]
    }
  }
}
